$yellow: #faca08 !important
.banner1 img 
    position: relative
    left: 50%
    transform: translateX(-50%)
    -webkit-transform: translateX(-50%)
    -ms-transform: translateX(-50%)
    -moz-transform: translateX(-50%)
    -o-transform: translateX(-50%)

.title-l
    font-size: 30px
    height: 64px
    line-height: 64px
    background-color: #26353a
    border-left:  14px solid #ff4c3b
    color: #fff
    text-align: center
    font-weight: bold
.title-r
    font-size: 30px
    font-weight: bold
    color: #26353a
    text-align: center
    p 
        text-align: left
        display: inline-block
        line-height: 38px
        span
            line-height: 26px
            font-size: 14px
            font-weight: normal
h2 
    color: #fff
    background: #ff4b3d
    padding: 5px 6px
    font-size: 16px
    display: inline-block
    clear: both
    margin-bottom: 20px

.banner 
    margin-top: 20px
    margin-bottom: 20px
    .pager-next,.pager-prev
        height: 50px 
        margin-top: -25px
.sec1
    background: url("../img/bg1.jpg") repeat left top
    padding-top: 45px
    .lead
        font-size: 20px
        font-weight: 500
        font-family: "黑体"
        color: #26343a
        clear: both
        padding-top: 30px
        padding-bottom: 10px
    .lead_content
        text-indent: 28px
        font-size: 14px
        font-family: "宋体"
        margin-bottom: 15px 
        a 
            font-size: 12px
            color: #ff4b3d
    .line-big
        .item
            background: url("../img/bg1.jpg") repeat left top
    ul.dis li img 
        margin: 0 auto
    .dotted p
        margin-top: 20px
        border-bottom: 1px dotted #26343a
        clear: both
        margin-bottom: 20px
    ul.guess 
        li 
            background: url("../img/intli.jpg") no-repeat left center
            a
                color: #000 !important
            p 
                font-size: 14px
                color: #000
                line-height: 30px
                &:hover 
                    text-decoration: underline
                    span
                        text-decoration: underline
                span
                    font-size: 12px
                    color: #595757
                    float: right
                    line-height: 28px
.sec2
    background: url("../img/bg2.jpg") repeat left top
    padding-top: 45px
    .title-r
        color: #fff
        margin-bottom: 55px
    .intro
        color: #9a9ea0
        line-height: 29px
        margin-bottom: 20px
    ul 
        margin-top: 10px
        margin-bottom: 20px
        li 
            text-align: center
            a 
                color: $yellow
    .dotted p
        border-bottom: 1px dotted #3e4c53
        clear: both
        margin-bottom: 20px
    .flow
        div
            background-color: #20282c
            margin-top: 15px
    .intro.xs9
        margin-bottom: 0
        padding-top: 15px
        padding-bottom: 15px
    .xs3.in2
        color: #fe4b46
        font-size: 24px
        font-weight: bold
        text-align: center
        margin-top: 10px
        line-height: 34px
        background-color: #2a3338
        padding-top: 15px
        padding-bottom: 15px
    .advan
        p:nth-child(even)
            color: $yellow
    .intro.r
        margin-bottom: 0
        line-height: 29px
        text-indent: 2em
    .rock li 
        margin-bottom: 15px
    .case 
        background: url("../img/bg2.jpg") repeat left top
        p 
            color: #9a9ea0
            margin-bottom: 15px
            line-height: 29px
            font-size: 14px
            &:first-child
                margin-top: 20px
            &:nth-of-type(2)
                font-size: 12px
        .y
            color: $yellow
.sec3
    background: url("../img/bg1.jpg") repeat left top
    padding-top: 45px
    .int 
        margin-top: 40px
        p 
            text-indent: 2em 
            line-height: 29px
    ul 
        margin-top: 30px
        img
            margin: 15px auto 
.sec4
    background: url("../img/bg2.jpg") repeat left top
    padding-top: 40px
    p.t
        font-size: 17px
        border: 1px solid #454545
        background: #2a3438
        margin-bottom: 15px
        margin-top: 55px
        color: #9a9ea0
        padding: 5px 0px 5px 15px
    input
        border: 1px solid #454545
        background: #2a3438
        margin-bottom: 15px
        color: #9a9ea0
        padding: 8px 0px 8px 15px
        font-size: 14px    
    textarea 
        float: left
        border: 1px solid #454545
        background: #2a3438
        margin-bottom: 15px
        color: #9a9ea0
        padding: 8px 0px 8px 15px
        font-size: 14px
    .submit
        
        height: 29px
        color: #fff
        text-align: center
        padding: 0px
        border: 0px
        background: #ff4b3d
        font-weight: 600
        cursor: pointer
    .content
        background-color: #2a3438
        color: #fff
        padding: 15px 15px 0



@media(min-width: 1200px)
    .sec4 
        .tel
            margin-left: 15px
@media(min-width: 1000px)
    .sec4 
        .b 
            width: 49%
        .submit
            width: 103px
    .sec2,.sec1 li
        img
            width: 100%
    

@media(min-width: 1000px) and (max-width: 1199px)
    .sec4
        form 
            .tel
                margin-left: 12px
            
@media(max-width: 999px)
    .sec2 .flow div
        margin-bottom: 20px
    form 
        textarea 
            height: 100px
@media(max-width: 759px)
    .sec2 .flow div
        padding-top: 5px
@media(max-width: 449px)
    .sec1
        .banner
            display: none
    .sec1 ul.guess 
        margin-bottom: 15px
    form 
        * 
            width: 100%